<template>
  <div>
    <div class="select">
      <div class="logo">
        信息页
      </div>
      <div class="cur">
        明星墙
      </div>
      <div class="items">
        <div class="item" style="font-size: 1.5em;color: black;">最新</div>
        <div class="item">最热</div>
        <div class="item">八卦</div>
        <div class="item">追踪</div>
        <div class="item">独家</div>
        <div class="item">论坛</div>
      </div>
      <p style="font-family: '微软雅黑';font-size: 0.8em;padding-left: 10%;padding-top: 10%;color:#979797">&emsp;搜索新闻
      </p>
      <hr />
      <div class="help_list">
        <div class="help_item">联系电话：123456</div>
        <div class="help_item">帮助邮箱：1@qq.com</div>
        <div class="country" style="padding-top: 7%;">
          <p style="font-family: '等线'; font-size: 0.9em;color: #8D8D8D">国家：Zh_cn</p>
          <img style="width: 20px;height: 20px;padding-top: 5%;padding-left: 30%;" src="../assets/中国.png"/>
        </div>
      </div>
    </div>
    <div class="menu">
      <div class="menu_img">
        <img src="../assets/fengjing.png" style="width: 100%;overflow: hidden;"/>
      </div>
      <div class="menu_item">
        <div class="menu_item_sub">
          <a href="#p1"><img class="menu_item_img" src="../assets/gk1.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p2"><img class="menu_item_img" src="../assets/gk2.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p3"><img class="menu_item_img" src="../assets/gk3.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p4"><img class="menu_item_img" src="../assets/gk4.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p5"><img class="menu_item_img" src="../assets/gk5.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p6"><img class="menu_item_img" src="../assets/gk6.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p7"><img class="menu_item_img" src="../assets/gk7.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p8"><img class="menu_item_img" src="../assets/gk8.jpg"/></a>
        </div>
        <div class="menu_item_sub">
          <a href="#p9"><img class="menu_item_img" src="../assets/gk9.jpg"/></a>
        </div>
        <div class="menu_item_sub">

        </div>
      </div>
    </div>
    <div class="right">
      <div class="detail">
        <div id="p1" class="det_img">
          <img src="../assets/gk1.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">出道之前</div>
          <div class="panel_subtitle">新垣结衣的早年经历</div>
          <div class="panel_txt">新垣结衣（Aragaki Yui），1988年6月11日出生于冲绳县那霸市。日本女演员、歌手、模特。<br ><br >新垣结衣早年就读于日出高中，2001年时，新垣结衣的姐姐看到了杂志《nicola》要征集中小学生模特，就对她说“我已经不能参加了，所以你去吧”。于是结衣就去参加了选拔并且胜出了。从此以后，就成为nicola的模特“nicomo”。</div>
        </div>
        <div id="p2" class="det_img">
          <img src="../assets/gk2.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">星星之火</div>
          <div class="panel_subtitle">如何逐梦演艺圈</div>
          <div class="panel_txt">2004年，新垣结衣参加各类演艺节目，上泳装杂志，并成为了演员。<br ><br >2006年3月3日，发行了个人的第一本写真集《ちゅら☆ちゅら》。同年，开始尝试担任动画声优，并为电影《超剧场版ケロロ军曹》的重要角色MIRARA，以及电视动画数码兽拯救者的女主角藤枝淑乃配音。<br ><br >2007年3月22日，推出个人第二本写真集《まっしろ（纯白）》。</div>
        </div>
        <div id="p3" class="det_img">
          <img src="../assets/gk3.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">渐入佳境</div>
          <div class="panel_subtitle">开始展露演技和音乐的艺术能力</div>
          <div class="panel_txt">2007年夏、新垣结衣主演的个人电影处女作《恋爱格局》、剧情片《暴走少年》、以及爱情片《恋空》相继上映。<br ><br >其中《恋空》影片票房高达39亿，位列日本票房年度榜单第六位。凭借该片获得日本电影金像奖及蓝丝带最佳新人奖。<br ><br >与此同时，她还担任了《恋爱格局》主题曲《追忆（メモリーズ）》的演唱者；年末，她发表了个人首张音乐专辑《そら》（《天空》）。12月21日，她于日本武道馆举办了歌手出道活动。</div>
        </div>
        <div id="p4" class="det_img">
          <img src="../assets/gk4.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">崭露头角</div>
          <div class="panel_subtitle">娱乐天分火力全开</div>
          <div class="panel_txt">2008年初，新垣结衣凭借《恋空》等电影接连获得多个电影新人奖；10月11日，与内藤刚志、柄本时生等主演的剧情片《应援少女》首映。<br ><br >她的个人首张单曲《Make my day》则在公信榜拿下亚军，并登上了日本公告牌的冠军宝座。<br ><br >2009年初，与松本润共演现代剧《微笑》，在剧中饰演失声少女，她也因此获得日刊体育日剧大赏助演女优赏；年中，推出第二张个人专辑《Hug》。</div>
        </div>
        <div id="p5" class="det_img">
          <img src="../assets/gk5.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">炙手可热</div>
          <div class="panel_subtitle">成为当红明星是什么体验</div>
          <div class="panel_txt">2010年初，新垣结衣与山下智久、户田惠梨香等继续共演《Code Blue 2》，而也是她首次拍摄的作品续集。<br ><br >年中，与生田斗真搭档主演爱情片《花水木》，其间新垣结衣随剧组到加拿大、纽约等地取镜，影片票房高达28.3亿，位列日本真人票房年度榜单第七位。并为配合电影而推出了亲自绘画的书籍《The Three Little Pigs》；同年，她还推出了个人第三张音乐专辑《虹》，而专辑中则有两首歌是由新垣结衣亲自填词完成 。</div>
        </div>
        <div id="p6" class="det_img">
          <img src="../assets/gk6.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">再接再厉</div>
          <div class="panel_subtitle">演艺高峰时期</div>
          <div class="panel_txt">2013年3月11日，新垣结衣在ORICON STYLE发布的《想和TA谈恋爱的男/女艺人》榜之“女星榜”上重回榜首。<br ><br >10月9日，新垣结衣与堺雅人、里见浩太朗合作主演的《legal high 2》在富士台开播，首集平均收视率在关东地区为21.2%，关西地区为23.1%。</div>
        </div>
        <div id="p7" class="det_img">
          <img src="../assets/gk7.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">艳压群芳</div>
          <div class="panel_subtitle">获得最佳女主角</div>
          <div class="panel_txt">2016年，主演TBS剧集《逃避虽可耻但有用，扮演契约结婚的无业单身大龄女青年森山实栗。由于剧本有趣的编排加上主角们可爱的演绎，自开播后收视率便节节攀升，并从未有过收视滑落的情况。<br ><br >新垣结衣也凭借在该剧中的表演，新垣结衣获得第6届日剧信心奖、第91届日剧学院赏等奖项的最佳女主角；而该剧的BD-BOX首周销量超过3万张，创下了历代日剧BD销量纪录。</div>
        </div>
        <div id="p8" class="det_img">
          <img src="../assets/gk8.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">如火如荼</div>
          <div class="panel_subtitle">现在是新垣结衣最火的时候</div>
          <div class="panel_txt">2017年，与瑛太搭档主演运动电影《恋爱回旋》，饰演挑战全日本乒乓球大赛的混双选手富田多满子，凭借该片获得第60届蓝丝带奖最佳女主角。<br ><br >同年7月，其主演的医疗剧《Code Blue 3》在日本富士台播出。<br ><br >10月27日，她还在“东京电视剧大赏”颁奖典礼上凭借《逃避虽可耻但有用》获得了最佳女主角奖。</div>
        </div>
        <div id="p9" class="det_img">
          <img src="../assets/gk9.jpg" style="width:100%; height:100%;"/>
        </div>
        <div class="det_panel">
          <div class="panel_title">人物评价</div>
          <div class="panel_subtitle">新垣结衣在中国拥有广大的粉丝</div>
          <div class="panel_txt">新垣结衣无疑是二十一世纪风头最盛的日本女星之一，模特出身的她，由于长相甜美、性格讨喜而被广大宅男所喜爱，投身到日剧圈后，她则被外界视为“日剧里的花瓶标配”。<br ><br >不过令人可喜的是，她在特集剧《羁绊：奔跑的奇迹小马》中刷出了个人演技的新高度。之所以这么说，除了角色赋予她在演技上表达出不同层次的情感以外，剧中饰演她父亲的役所广司也起了很好的衬托作用。<br ><br >至少，在与老戏骨尬戏时，新垣结衣没有怯场。新垣结衣的演技也被赞“跳级”。</div>
        </div>
      </div>
      <div class="usr">
        <img src="../assets/红心.png" style="width: 20px;height:20px;padding-left: 5%;padding-top: 2%"/>
        <img src="../assets/不喜欢.png" style="width: 20px;height:20px;padding-left: 2%;padding-top: 2%;"/>
        <div style="font-family: '微软雅黑';font-size: 0.8em;padding-left: 18%;padding-top: 2%;width: 50px ; height: 100%;">分享</div>
        <img class="share_img" src="../assets/朋友圈.png"/>
        <img class="share_img" src="../assets/微博.png">/>
        <img class="share_img" src="../assets/GitHub.png"/>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'home',
  components: {
  }
}
</script>

<style scoped src="../css/style.css"></style>
